<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HyperSynapse Network Phira多人游戏服务器免责协议</title>
    <style>
        :root {
            --primary-color: #1a365d;
            --secondary-color: #2c5282;
            --accent-color: #3182ce;
            --light-color: #ebf8ff;
            --dark-color: #2d3748;
            --border-color: #e2e8f0;
            --shadow-color: rgba(0, 0, 0, 0.1);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: var(--dark-color);
            background-color: #f7fafc;
            padding: 20px;
        }
        
        .agreement-container {
            max-width: 900px;
            margin: 0 auto;
            background: white;
            border-radius: 10px;
            box-shadow: 0 4px 20px var(--shadow-color);
            overflow: hidden;
        }
        
        .header {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 30px 40px;
            text-align: center;
        }
        
        .header h1 {
            font-size: 28px;
            margin-bottom: 10px;
            font-weight: 600;
        }
        
        .header .meta-info {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin-top: 15px;
            font-size: 15px;
            opacity: 0.9;
        }
        
        .content {
            padding: 40px;
        }
        
        .section {
            margin-bottom: 35px;
            position: relative;
        }
        
        .section-title {
            color: var(--primary-color);
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 20px;
            padding-bottom: 8px;
            border-bottom: 2px solid var(--accent-color);
        }
        
        .subsection {
            margin-bottom: 25px;
            padding-left: 15px;
            border-left: 3px solid var(--border-color);
        }
        
        .subsection-title {
            font-size: 18px;
            font-weight: 600;
            color: var(--secondary-color);
            margin-bottom: 12px;
        }
        
        .clause {
            margin-bottom: 15px;
        }
        
        .clause-title {
            font-weight: 600;
            margin-bottom: 5px;
            color: var(--dark-color);
        }
        
        .clause-content {
            padding-left: 20px;
        }
        
        ul {
            padding-left: 30px;
            margin: 10px 0;
        }
        
        ul li {
            margin-bottom: 8px;
        }
        
        .note {
            background-color: var(--light-color);
            border-left: 4px solid var(--accent-color);
            padding: 15px;
            margin: 20px 0;
            border-radius: 0 4px 4px 0;
        }
        
        .highlight {
            background-color: #fffaf0;
            padding: 2px 4px;
            border-radius: 3px;
            font-weight: 600;
        }
        
        .footer {
            text-align: center;
            padding: 25px;
            background-color: var(--light-color);
            color: var(--secondary-color);
            font-size: 14px;
            border-top: 1px solid var(--border-color);
        }
        
        @media (max-width: 768px) {
            .content {
                padding: 25px;
            }
            
            .header {
                padding: 20px;
            }
            
            .header h1 {
                font-size: 22px;
            }
            
            .section-title {
                font-size: 20px;
            }
            
            .subsection-title {
                font-size: 17px;
            }
        }
        
        @media (max-width: 480px) {
            body {
                padding: 10px;
            }
            
            .content {
                padding: 15px;
            }
            
            .header .meta-info {
                flex-direction: column;
                gap: 8px;
            }
        }
    </style>
</head>
<body>
    <div class="agreement-container">
        <div class="header">
            <h1>HyperSynapse Network Phira多人游戏服务器免责协议</h1>
            <div class="meta-info">
                <div>生效日期：用户注册账号之日起生效</div>
                <div>最后更新：2025年07月16日</div>
            </div>
        </div>
        
        <div class="content">
            <!-- 一、协议范围与定义 -->
            <div class="section">
                <h2 class="section-title">一、协议范围与定义</h2>
                
                <div class="subsection">
                    <h3 class="subsection-title">1. 服务主体</h3>
                    <div class="clause">
                        <ul>
                            <li><span class="clause-title">本平台：</span>指"HyperSynapse Network"运营的"Phira多人游戏服务器"及相关服务。</li>
                            <li><span class="clause-title">用户：</span>通过合法渠道注册并使用本平台服务的自然人。</li>
                        </ul>
                    </div>
                </div>
                
                <div class="subsection">
                    <h3 class="subsection-title">2. 服务内容</h3>
                    <div class="clause">
                        <ul>
                            <li>提供多人在线游戏服务器支持、数据同步及衍生服务。</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- 二、用户权利义务 -->
            <div class="section">
                <h2 class="section-title">二、用户权利义务</h2>
                
                <div class="subsection">
                    <h3 class="subsection-title">1. 账号安全责任</h3>
                    <div class="clause">
                        <ul>
                            <li>用户需妥善保管账号密码，禁止转让、共享账号。</li>
                            <li>因用户泄露密码、设备中毒或第三方盗用导致的损失，本平台概不负责。</li>
                        </ul>
                    </div>
                </div>
                
                <div class="subsection">
                    <h3 class="subsection-title">2. 行为规范</h3>
                    <div class="clause">
                        <p class="clause-title">严格禁止以下行为：</p>
                        <div class="clause-content">
                            <ul>
                                <li>使用外挂/作弊工具、利用漏洞获利；</li>
                                <li>发布违法信息、恶意攻击其他用户；</li>
                                <li>干扰服务器正常运行（如DDoS攻击）。</li>
                            </ul>
                        </div>
                        <p>违规者将面临警告、限制功能、封禁账号等处罚。</p>
                    </div>
                </div>
            </div>
            
            <!-- 三、平台免责情形 -->
            <div class="section">
                <h2 class="section-title">三、平台免责情形</h2>
                
                <div class="subsection">
                    <h3 class="subsection-title">1. 技术风险免责</h3>
                    <div class="clause">
                        <p>因以下原因导致的服务中断、数据丢失或体验受损，本平台不承担责任：</p>
                        <div class="clause-content">
                            <ul>
                                <li><span class="clause-title">不可抗力：</span>自然灾害、政策调整、骨干网络故障；</li>
                                <li><span class="clause-title">必要维护：</span>服务器升级、漏洞修复；</li>
                                <li><span class="clause-title">用户自身原因：</span>设备故障、本地网络问题、操作失误。</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="subsection">
                    <h3 class="subsection-title">2. 内容与第三方风险</h3>
                    <div class="clause">
                        <ul>
                            <li>用户间纠纷需用户自行协商解决；</li>
                            <li>因第三方黑客攻击、病毒传播导致的损失，本平台可协助追溯但不承担赔偿责任。</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- 四、数据使用 -->
            <div class="section">
                <h2 class="section-title">四、数据使用</h2>
                
                <div class="subsection">
                    <h3 class="subsection-title">1. 数据处理合规</h3>
                    <div class="clause">
                        <ul>
                            <li><span class="clause-title">收集范围：</span>账号信息、设备标识符、游戏行为日志；</li>
                            <li><span class="clause-title">使用目的：</span>服务优化；</li>
                            <li><span class="clause-title">跨境传输：</span>阅读本协议即知悉并且同意本平台将上述信息跨境传输、存储。</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <div class="note">
                <p>请仔细阅读并理解本协议的全部内容。注册或使用本平台服务即表示您同意接受本协议的约束。如有任何疑问，请联系我们的客服支持。</p>
            </div>
        </div>
        
        <div class="footer">
            <p>© 2025 HyperSynapse Network. 保留所有权利。</p>
        </div>
    </div>
</body>
</html>